page {
  color    : var(--defaultColor);
  font-size: 28rpx;
  height   : 100%;

  .cate-container {
    height : calc(100vh - 90rpx);
    display: flex;

    .left-menu {
      height: 100%;
      flex  : 2;

      .left-menu-item {
        height          : 80rpx;
        font-size       : 30rpx;
        display         : flex;
        justify-content : center;
        align-items     : center;
        background-color: #fafafa;
      }

      .left-menu-item.active {
        color           : var(--theme);
        border-left     : 5rpx solid currentColor;
        background-color: #fff;
      }
    }

    .right-content {
      height: 100%;
      flex  : 5;

      .right-content-item {
        .title {
          height         : 80rpx;
          display        : flex;
          justify-content: center;
          align-items    : center;

          .symbol {
            margin: 0 10rpx;
            color : #999;
          }

          .title-content {}
        }

        .menu {
          display  : flex;
          flex-wrap: wrap;

          navigator {
            width        : 33.33%;
            text-align   : center;
            margin-bottom: 20rpx;
          }

          image {
            width: 50%;
          }
        }
      }

    }
  }
}